<template>
  <div class="cont">
      <!-- 导航栏 -->
      <div class="nav">
        <NavBar></NavBar>
      </div>
      <!-- banner轮播图区域 -->
      <div class="banner">
        <Carousel></Carousel>
      </div>
      <!-- 分类区域 -->
      <div class="classify">
        <Classify></Classify>
      </div>
      <!-- 商品售卖区域 -->
      <div class="shop_items">
        <ShopItems></ShopItems>
      </div>
      <!-- 配送区域 -->
      <div class="shipping">
        <Shipping></Shipping>
      </div>
      <!-- 服务区域 -->
      <div class="service">
        <Service></Service>
      </div>
      <!-- 底部 -->
      <div class="footer">
        <Bottom></Bottom>
      </div>
  </div>
</template>

<script>
import NavBar from '../components/header/Nav.vue'
import Carousel from '../components/banner/Carousel.vue'
import Classify from '../components/classify/Classify.vue'
import ShopItems from '../components/shopItem/ShopItem.vue'
import Shipping from '../components/shipping/Shipping.vue'
import Service from '../components/service/Service.vue'
import Bottom from '../components/fotter/Bottom.vue'
export default {
  components: {
    NavBar,
    Carousel,
    Classify,
    ShopItems,
    Shipping,
    Service,
    Bottom
  }
}

</script>

<style lang="less" scoped>
</style>
